<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInLeft">
        <div data-th-replace="common/functionDepict"></div>
        <div>
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <div class="row">
                        <div class="col-sm-5">
                            <h5>
                                <a th:href="@{/admin/manage/role/listSysRole}">
                                    <span>
                                        <button class="btn btn-white" data-toggle="tooltip" data-placement="top" title="" data-original-title="刷新角色列表">
                                            <i class="fa fa-refresh"></i> 刷新
                                        </button>
                                    </span>
                                </a>
                                <small>（共<span id="role-count" th:text="${count}" th:default="0">0</span>种角色）</small>
                            </h5>
                        </div>
                        <div class="col-sm-3">
                            <form id="search-form" class="search-form">
                                <div class="input-group opSearchBox">
                                    <input placeholder="请输入想要查找角色名称" class="input-sm form-control vam common-search-word" type="text" name="roleName"/>
                                    <span class="input-group-btn"><button id="btn1" type="button" class="btn btn-sm btn-primary vam">搜索</button> </span>
                                </div>
                            </form>
                        </div>
                        <div class="col-sm-2 text-center">
                            <a href="javascript:void(0);" id="advSearchshowBtn" class="vam">高级搜索操作 <i class="fa fa-angle-double-down"></i></a>
                        </div>
                        <div class="col-sm-2 text-center">
                            <a th:href="@{/admin/manage/role/initAddRole}">
                                <button type="button" class="btn btn-block btn-danger">
                                    <i class="fa fa-plus-circle"></i> 新建角色
                                </button>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="oc-advSearch-box">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="pt10">
                                <div class="checkbox i-checks">
                                    <label style="padding-left: 0"><input type="checkbox" id="select-all-role"/> <i></i> 全选</label>
                                    <button type="button" id="lockBatch"  class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量冻结"><i class="fa fa-unlock-alt"></i></button>
                                    <button type="button" id="regainBatch" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量恢復"><i class="fa fa-history"></i></button>
                                    <button type="button" id="deleteBatch" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量删除"><i class="fa fa-trash"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <div class="pt10">
                                <form role="form" class="form-inline search-form">
                                    <select class="form-control mb10" name="status">
                                        <option value="">状态</option>
                                        <option value="1">正常</option>
                                        <option value="2">冻结</option>
                                    </select>
                                    <div class="form-group form-box" style="margin-bottom: 10px">
                                        <label for="exampleInputEmail2" class="sr-only">角色名</label>
                                        <input placeholder="请输入角色名" value="" id="exampleInputEmail2" class="form-control common-search-word" type="email"/>
                                    </div>
                                    <button class="btn btn-w-m btn-primary" id="btn2" type="button" style="margin-bottom: 10px">搜索</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="oc-ibox-content" id="role-list-context">

                </div>
            </div>
        </div>
    </div>
    <!--查看角色详情弹框内容，开始-->
    <div id="role-detail"></div>
    <!--查看角色详情弹框内容，结束-->
    <!-- 底部引入 -->
    <div data-th-replace="layout/head-footer"></div>
    <script type="text/javascript" th:src="@{{path}/admin/business/manage/role/sysRole-list.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>